
	a:link {	color: Blue; text-decoration: none}
	a:visited {color: slateblue; text-decoration: none}
	a:hover {color: red; text-decoration: none}
		
	.title {
	font-size: 125%;
	font-weight: bold;
	color: red;
	font-family: "Times";
	font-style: italic;	
	margin: 10px 0px; 
	}	
	
	.Link {
	font-size: 125%;
	font-weight: bold;
	color: white;
	font-family: "Times";
	font-style: italic;	
	margin: 10px 0px; 
	}	
	

	.header_reading {
		font-size: 100%;
		color: white;
		background: black;
		font-family : "Times";
      text-align: center;
		font-weight: bold;
	}
	
	.reading {
		font-size: 100%;
		color: black;
		font-family : "Times";
      text-align: center;
		font-weight: normal;
		width: 500px;	
/*		border: 1px solid #000;	*/
		background-color: #ffffff; 
		margin: 20px 0px; 
		padding: 0px;
	}		

	.reading_geoff {
		font-size: 100%;
		color: black;
		font-family : "Times";
      text-align: center;
		font-weight: normal;
		width: 400px;	
		background-color: #c0c0ff; 
		margin: 0px 0px; 
		padding: 0px;
		align: center;	
	}
	.reading_Karin {
		font-size: 100%;
		color: black;
		font-family : "Times";
      text-align: center;
		font-weight: normal;
		width: 400px;	
		background-color: #ffc0ff; 
		margin: 0px 0px; 
		padding: 0px;
		align: center;	
	}			
	
	.author {
		font-size: 100%;
		color: black;
		font-family : "Times";
      text-align: center;
		font-style: italic;
	}
	
	.image-caption{
		font-size: 70%;
		font-family: "arial";
	}
	
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
top;-1000;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
position: absolute;
top: 0;
left: 0px; /*position where enlarged image should offset horizontally */

}